import React from 'react';
import data from '../data/index.json';
import { Card, Row, Col, Icon } from 'antd';

export default props => {
  return (
    <div className="zrb-tuijian">
      <Card bordered="true">
        {data.tuijian.map((item, index) => {
          return (
            <Row key={item.id || index}>
              <Col span={24}>
                <p>
                  <span className="zrb-span-1">{item.column}</span>
                  <span>{item.nickname}</span>
                </p>
              </Col>
              <Col span={24}>
                <p className="zrb-p-1">
                  <a href="#">{item.confession}</a>
                </p>
              </Col>
              <Col span={24}>
                <p className="zrb-p-2">
                  <span>
                    <a href="#">
                      <Icon type={item.icon1} theme="filled" />
                    </a>
                  </span>
                  <span>0</span>
                  <span>
                    <a href="#">
                      <Icon type={item.icon2} theme="filled" />
                    </a>
                  </span>
                  <span>0</span>
                </p>
              </Col>
            </Row>
          );
        })}
      </Card>
    </div>
  );
};
